<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>账单优惠申请</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <style type="text/css">
        .aui-list .aui-list-item-label-icon {
            padding-right: 0;
        }

        .aui-list .aui-list-item-input label {
            margin-right: 10px;
        }

        .aui-btn-primary {
            background: #01B2F5;
            width: 95%;
            left: 2.5%;
            bottom: 0.5rem;
            border-radius: 5px;
        }

        .aui_formcontent {
            text-align: right;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class=" boxarea edit">
            <div class="">
                <div class="aui_formitem">
                    <div class="aui_formtitle">优惠方案</div>
                    <div class="aui_formcontent">
                        <select class="choose" v-model="form.discountId" @change="do_selectDiscount"
                            style="direction: rtl">
                            <option v-for="item in discountList" v-bind:value="item.ID">
                                {{item.DiscountName}}
                            </option>
                        </select>
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem" v-if="form.canWriteDiscount">
                    <div class="aui_formtitle">优惠金额<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent">
                        <input class="choose" placeholder="请填写" type="number" v-model="form.discountCost" />
                    </div>
                </div>
                <div class="aui_formitem" v-if="!form.canWriteDiscount">
                    <div class="aui_formtitle">优惠金额</div>
                    <div class="aui_formcontent">
                        <input class="choose" :readonly="true" type="number" v-model="form.discountCost" />
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle ">审批人</div>
                    <div class="aui_formcontent">
                        <select class="choose" v-model="form.approveUserId" @change="do_selectUser"
                            style="direction: rtl">
                            <option v-for="item in discountUserList" v-bind:value="item.ID">
                                {{item.Name}}
                            </option>
                        </select>
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem block" style="border-bottom: none;">
                    <div class="aui_formtitle">申请说明</div>
                    <div class="aui_formcontent" style="padding-left: 0px;">
                        <textarea placeholder="请填写" v-model="form.remark" style="height: 4rem;"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div v-if="!submiting" class="aui_bottombtn" v-on:click="do_save()">保存</div>
            <div v-if="submiting" class="aui_bottombtn">保存中...</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript " src="js/chargeroomfee_discount_request.js"></script>

</html>